@import 'antd/es/style/themes/default.less';
.container {
  position: relative;

  display: inline-block;

  width: 104px;
  height: 52px;

  border: 1px solid @border-color-base;
  border-radius: @border-radius-base;
}

.text {
  font-size: 24px;
  font-weight: normal;

  display: inline-flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;

  height: 100%;
  padding: 0 8px;

  vertical-align: top;

  color: @heading-color;
}

.btns {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  width: 24px;
  height: 100%;

  border-left: 1px solid @border-color-base;
  background-color: #fff;
}

.btn {
  font-size: 12px;

  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;

  width: 100%;

  cursor: pointer;
  user-select: none;

  color: @text-color;
  + .btn {
    border-top: 1px solid @border-color-base;
  }
}
